{php include wl_template('common/header');}
<ul class="nav nav-tabs">
	<li class="active"><a href="javascript:;">{if $status==''}全部订单{elseif $status==0}待付款{elseif $status==1}已支付{elseif $status==2}待使用{elseif $status==3}已发货{elseif $status==4}待签收{elseif $status==5}已完成{elseif $status==6}待退款{elseif $status==7}已退款{/if}-订单统计</a></li>
</ul>
{if $op=='display'}
<div class="clearfix" id="clear">
	<div class="pull-left">
	</div>
	<div class="clearfix"></div>
	<br>
	<div class="panel panel-default" style="padding:1em">
		<nav role="navigation" class="navbar navbar-default navbar-static-top" style="margin: -1em -1em 1em -1em;">
			<div class="container-fluid">
				<div class="navbar-header">
					<a href="javascript:;" class="navbar-brand">商品点击购买 TOP 10</a>
				</div>
			</div>
		</nav>
		<div style="margin-top:20px;">
			<canvas id="myChart" height="80"></canvas>
		</div>
	</div>
</div>
	<script>
		require(['chart', 'daterangepicker'], function(c){
			$('.daterange').on('apply.daterangepicker', function(ev, picker) {
				$('#form1')[0].submit();
			});
			var label = {php echo json_encode($labels)};
			var datas =  {php echo json_encode($salenum)};
			var data = {
						labels :label,
						datasets : [
							{
								fillColor : "rgba(151,187,205,0.5)",
								strokeColor : "rgba(151,187,205,1)",
								data : datas
							},
						]
					}
					var myLine = new Chart(document.getElementById("myChart").getContext("2d")).Bar(data, {responsive : true});
		});
	</script>
<div class="clearfix" id="clear">
	<div class="pull-left">
	</div>
	<div class="clearfix"></div>
	<br>
	<div class="panel panel-default" style="padding:1em">
		<nav role="navigation" class="navbar navbar-default navbar-static-top" style="margin: -1em -1em 1em -1em;">
			<div class="container-fluid">
				<div class="navbar-header">
					<a href="javascript:;" class="navbar-brand">商品页面浏览次数 TOP 10</a>
				</div>
			</div>
		</nav>
		<div style="margin-top:20px;">
			<canvas id="myChart2" height="80"></canvas>
		</div>
	</div>
</div>
	<script>
		require(['chart', 'daterangepicker'], function(c){
			$('.daterange').on('apply.daterangepicker', function(ev, picker) {
				$('#form1')[0].submit();
			});
			var label2 = {php echo json_encode($labels2)};
			var datas2 =  {php echo json_encode($pv)};
			var data = {
						labels :label2,
						datasets : [
							{
								fillColor : "rgba(151,187,205,0.5)",
								strokeColor : "rgba(151,187,205,1)",
								data : datas2
							}
						]
					}
					var myLine = new Chart(document.getElementById("myChart2").getContext("2d")).Bar(data, {responsive : true});
		});
	</script>
	<div class="clearfix" id="clear">
	<div class="pull-left">
	</div>
	<div class="clearfix"></div>
	<br>
	<div class="panel panel-default" style="padding:1em">
		<nav role="navigation" class="navbar navbar-default navbar-static-top" style="margin: -1em -1em 1em -1em;">
			<div class="container-fluid">
				<div class="navbar-header">
					<a href="javascript:;" class="navbar-brand">商品页面浏览人数 TOP 10</a>
				</div>
			</div>
		</nav>
		<div style="margin-top:20px;">
			<canvas id="myChart3" height="80"></canvas>
		</div>
	</div>
</div>
	<script>
		require(['chart', 'daterangepicker'], function(c){
			$('.daterange').on('apply.daterangepicker', function(ev, picker) {
				$('#form1')[0].submit();
			});
			var label3 = {php echo json_encode($labels3)};
			var datas3 =  {php echo json_encode($uv)};
			var data = {
						labels :label3,
						datasets : [
							{
								fillColor : "rgba(151,187,205,0.5)",
								strokeColor : "rgba(151,187,205,1)",
								data : datas3
							}
						]
					}
					var myLine = new Chart(document.getElementById("myChart3").getContext("2d")).Bar(data, {responsive : true});
		});
	</script>
	{/if}
{template 'common/footer'}